<template>
	<view>
		<view class="flex flex-row items-center" style="height: 43px;background: #FFFFFF;border-bottom: 1px solid #FAFAFC;">
			<view class="flex flex-row justify-end items-center" style="width:36px;">
				<image style="width:14px;height:14px;" src="../../static/back.png" @click="goBack"></image>
			</view>
			<view class="flex-1 flex flex-row justify-center items-center">
				<image style="width:90px;height: 22px;" src="../../static/logo.png" @click="gohome"></image>
				<text class="jingpin">精品园区</text>
			</view>
			<view class="flex flex-row items-center" style="width:36px;"><image style="width:25px;height:25px;" src="../../static/mine.png" @click="goToMineView"></image></view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'nav-bar-yuanqu',
	data() {
		return {};
	},
	methods: {
		goToMineView() {
			uni.navigateTo({
				url: '/pages/mine/mine'
			});
		},
		gohome() {
			uni.navigateTo({
				url: '/pages/index/index'
			});
		},
		goBack() {
			uni.navigateBack({
				delta: 1
			});
		}
	}
};
</script>

<style lang="scss">
.jingpin {
	color: #fff;
	background-color: rgb(254, 119, 67);
	line-height: 19px;
	padding: 0px 3px 2px 5px;
	margin-left: 5px;
}
</style>
